$(function () {
  //需求1 调用头像渲染函数
  getUserInfo()

  //需求2 退出
  $('#topLogo').click(function () {
    layer.confirm('是否退出', { icon: 3, title: '提示' }, function (index) {
      localStorage.removeItem('token')
      location.href = '/login.html'

      layer.close(index)
    })
  })
})

//封装全局函数 渲染头像区域内容
function getUserInfo () {
  axios({
    url: '/my/userinfo'
    //配置全局请求头信息
    // headers:{
    //     Authorization:localStorage.getItem('token')
    // }
  }).then(({ data: res }) => {
    //成功回调
    if (res.status != 0) {
      return layui.layer.msg(res.message)
    }
    // console.log(res)
    renderAvatar(res.data)
  })
}

// 封装函数 渲染用户信息和头像回调内容
function renderAvatar (user) {
  // 短路运算判断 有没有nickname
  let name = user.nickname || user.username
  $('.welcome').html('欢迎 ' + name)
  if (user.user_pic) {
    $('.userinfo img')
      .show()
      .attr('src', user.user_pic)
    $('.avatar-text').hide()
  } else {
    $('.userinfo img').hide()
    $('.avatar-text')
      .show()
      .html(name[0].toUpperCase())
  }
}
